var form1 = document.querySelector("#form1");
var u_name = document.querySelector("input[name=u_name]")
var u_city = document.querySelector("input[name=u_city]")
var u_phone = document.querySelector("input[name=u_phone]")
var u_mail = document.querySelector("input[name=u_e-mail]")
var u_check = document.querySelector("input[name=u_check]")

var form2 = document.querySelector("#form2");
var c_name = document.querySelector("input[name=c_name]")
var c_city = document.querySelector("input[name=c_city]")
var c_phone = document.querySelector("input[name=c_phone]")
var c_mail = document.querySelector("input[name=c_e-mail]")
var c_check = document.querySelector("input[name=c_check]")

var articles = document.querySelectorAll(".article");
var pop = document.querySelector(".pop");
var btn = document.querySelector(".btn");

var body = document.querySelector("body")
// console.log(articles);
// let reg = new RegExp("/^(\+?7|8)?9\d{9}$/","g")
form1.addEventListener("submit",function (event) {
    u_name.classList.remove("warn")
    u_city.classList.remove("warn")
    u_phone.classList.remove("warn")
    u_mail.classList.remove("warn")
   
    if (!u_name.value) {
        u_name.classList.add("warn");
        // u_name.style.cssText=add();
        u_name.placeholder="Пожалуйста, введите";
        event.preventDefault();
    }
    // function add() {
    //     return `border:1px solid blue;
    //             color:red `
    // }
    // console.log(!u_city);
    if (!u_city.value) {
        u_city.classList.add("warn");
        u_city.placeholder="Пожалуйста, введите";
        event.preventDefault();
    }
    if (!u_phone.value) {
        u_phone.classList.add("warn");
        u_phone.placeholder="Пожалуйста, введите";
        event.preventDefault();
    }
    if (!/^(\+?7|8)?9\d{9}$/.test(u_phone.value)) {
       console.log(1);
       event.preventDefault();
    }
    if (!u_mail.value) {
        u_mail.classList.add("warn");
        u_mail.placeholder="Пожалуйста, введите";
        event.preventDefault();
    }
    if (!u_check.checked) {
        console.log(u_check.checked);
        event.preventDefault();
    }
})

form2.addEventListener("submit",function (event) {
    c_name.classList.remove("warn")
    c_city.classList.remove("warn")
    c_phone.classList.remove("warn")
    c_mail.classList.remove("warn")
    if (!c_name.value) {
        c_name.classList.add("warn");
        c_name.placeholder="Пожалуйста, введите";
        event.preventDefault();
    }
    // console.log(!u_city);
    if (!c_city.value) {
        c_city.classList.add("warn");
        c_city.placeholder="Пожалуйста, введите";
        event.preventDefault();
    }
    if (!c_phone.value) {
        c_phone.classList.add("warn");
        c_phone.placeholder="Пожалуйста, введите";
        event.preventDefault();
    }
    if (!c_mail.value) {
        c_mail.classList.add("warn");
        c_mail.placeholder="Пожалуйста, введите";
        event.preventDefault();
    }
    if (!c_check.checked) {
        console.log(c_check.checked);
        event.preventDefault();
    }
})
articles.forEach(el => { 
    el.addEventListener("click",function (event) {
        event.preventDefault();
        pop.style.display='flex' ;
        setTimeout(() => {
            pop.classList.add("active");
        }, 0);
        body.style.cssText = "overflow-y:hidden";
    })
})
btn.addEventListener("click",function (event) {
    pop.classList.remove("active");
    setTimeout(() => {
        pop.style.display='none';
    }, 1000);
    body.style.cssText = " overflow-y: auto";
})
